<template>
  <div class="audit-info">
    <div v-for="item in auditInfo" :key="item.time">
      <div class="divider-wrap"><el-divider content-position="left"><span>{{item.target=='manager'?'经理意见':'主管意见'}}  &nbsp;  审核时间：{{item.time}} &nbsp;  审核人：{{item.auditor}}</span></el-divider>

      </div>
      <div class="audit-content">{{item.content}}</div>
    </div>



  </div>

</template>

<script>
export default {
  props:['auditInfo'],
  components:{

  },
  data() {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
.audit-info{
  margin: 50px 0 0 5px;
  .audit-content{
    padding: 20px;
    padding-left: 50px;
    height: 160px;
  }
}
.divider-wrap{
  padding: 10px;
  width: 100%;
  .el-divider ::v-deep span{
    color: #ccc ;
  }

}


</style>
